<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <%@ page language="java" contentType="text/html; charset=UTF-8"
             pageEncoding="UTF-8" %>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>湖北省第十七届运动会成绩信息发布</title>

    <link rel="icon" href="${contextPath}static/favicon.png" type="image/x-icon"/>
    <link rel="shortcut icon" href="${contextPath}static/favicon.png"/>
    <link href="${contextPath}static/css/bootstrap.min.css" rel="stylesheet">
    <link href="${contextPath}static/css/font-awesome.min.css" rel="stylesheet">
    <link href="${contextPath}static/css/sportPublic.css?v=1" rel="stylesheet">
    <style>
        .mysporttable {
            float: right;
        }

        .box-slider .box-slider-move {
            right: ${PXnum};
            left: auto;
        }

        .box-slider-people .box-slider-move {
            right: ${PXnum};
            left: auto;
        }
    </style>

    <script src="${contextPath}static/js/jquery-1.12.4.min.js?v=4"></script>
    <script src="${contextPath}static/js/bootstrap.min.js?v=4"></script>
    <script src="${contextPath}static/js/jquery.michiweber.table-head-fixed.js?v=4"></script>
    <script src="${contextPath}static/js/jquery-boxSlider2.js?v=4"></script>
    <script src="${contextPath}static/localijs/hhBase64.js?v=4"></script>
    <script src="${contextPath}static/localijs/App.js?v=6"></script>
    <script language="javascript">
        $(document).ready(function () {
            // chrome 浏览器直接加上下面这个样式就行了，但是ff不识别
            $('body').css('zoom', 'reset');
            $(document).keydown(function (event) {
                //event.metaKey mac的command键
                if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187 || event.which === 189)) {
                    event.preventDefault();
                }
            });
            $(window).bind('mousewheel DOMMouseScroll', function (event) {
                if (event.ctrlKey === true || event.metaKey) {
                    event.preventDefault();
                }
            });
        });
        $(".box-slider-seta-left").mouseover();
    </script>

</head>
<body>
<div class="big-bg"></div>
<!-- 左边纵向导航 开始 -->
<div class="nav-vertical">
    <div class="sport-logo">
        <img src="${contextPath}static/images/real_logo.png">

        <span class="sport-logo-txt">2026 · 孝感</span>
    </div>
    <div class="sport-menu">
        <ul class="sport-menu-list">
            <li>
                <a href="${contextPath}">
                    <i class="fa fa-futbol-o"></i>
                    <span class="menu-li-txt">青少年体育类</span>
                </a>
            </li>
            <li class="active">
                <a href="${contextPath}qzty">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">群众体育类</span>
                </a>
            </li>
            <li>
                <a href="${contextPath}shjlb">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">社会俱乐部类</span>
                </a>
            </li>
            <li>
                <a href="${contextPath}zdxs">
                    <i class="fa fa-universal-access"></i>
                    <span class="menu-li-txt">大学生类</span>
                </a>
            </li>
        </ul>
        <%--         <div class="code">
                  <img src="${contextPath}static/images/code.jpg" alt="">
                  <span>关注湖北省<br>运动会公众号</span>
                </div> --%>
    </div>
</div>
<!-- 左边纵向导航 结束 -->

<div class="sport-content col-sm-12">
    <div class="sport-content-center">
        <div class="sport-title">湖北省第十七届省运会赛程赛果</div>
        <div class="primary-content">
            <div class="primary-content-title">
                <h2>群众体育类</h2>
                <div class="sport-tab">
                    <ul class="nav nav-tabs">
                        <li class="active"><a>总日程</a></li>
                        <li><a>决赛成绩</a></li>
                        <li><a>单项赛程</a></li>
                        <li><a>纪录</a></li>
<%--                        <li><a >奖牌榜</a></li>--%>
                    </ul>
                </div>
            </div>
            <div class="wrapper-content">
                <div class="sport-cell">
                    <table class="table  table-striped table-bordered mysporttable-hd table-fixed-head"
                           data-table-fixed-head-trigger="168" data-table-fixed-head-top="0">
                        <thead>
                        <tr>
                            <th>项目|日期</th>
                            <th><img src="${contextPath}static/images/medal.png" alt=""></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="height: 38px;">
                            <td>开/闭幕式</td>
                            <td></td>
                        </tr>
                        <c:forEach var="sublist" items="${listdata1}">
                            <tr>
                                <td>
                                    <a onclick="App.ShowSingleSportInfo('${sublist['classId']}','${sublist['name']}');">${sublist["name"]}</a>
                                </td>
                                <td> ${sublist["value"]}</td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                    <div class="box-slider" id="jqhtml">
                        <a href="javascript:;" class="left-table-btn box-slider-seta-left"><i
                                class="fa fa-angle-left"></i></a>
                        <div class="table-content box-slider-content">
                            <table id="table1" class="table  table-striped table-bordered mysporttable  box-slider-move"
                                   style="z-index: 9999;min-width:820px;">
                                <thead>
                                <tr>
                                    <c:forEach var="date" items="${dateList}">
                                        <th>${fn:substring(date, 5, -1)}</th>
                                    </c:forEach>
                                </tr>
                                </thead>
                            </table>
                            <table style="top:-57px;clear:both;min-width:820px;"
                                   class="table  table-striped table-bordered mysporttable  box-slider-move">
                                <thead>
                                <tr>
                                    <c:forEach var="date" items="${dateList}">
                                        <th>${fn:substring(date, 5, -1)}</th>
                                    </c:forEach>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <c:forEach var="date" items="${dateList}">
                                        <td><c:if test="${date == opening }"><img
                                                src="${contextPath}static/images/fireon.png" alt=""></c:if>
                                            <c:if test="${date == closing }"><img
                                                    src="${contextPath}static/images/fire.png" alt=""></c:if>
                                        </td>
                                    </c:forEach>
                                </tr>
<%--                            <c:forEach var="sublist" items="${listdata}">
                          <tr>
                                    <c:forEach var="mapdata" items="${sublist}" begin="2">
                                        <td>
                                            <c:if test='${not empty mapdata["createDate"] }'>
                                                <a onclick="App.ShowSingleSportInfo(${mapdata['classId']},'${sublist[0]['name']}','${fn:substring(mapdata['createDate'], 5, -1)}')" class="competition">
                                                <c:if test='${ empty mapdata["finalFlag"] }'>
                                                    ${mapdata["name"]}
                                                </c:if>
                                                <c:if test='${not empty mapdata["finalFlag"] }'>
                                                    ${mapdata["name"]}<c:if test='${mapdata["finalFlag"]==false }'><span>${mapdata["total"]}</span></c:if>
                                                </c:if>
                                                </a>
                                            </c:if>
                                            <c:if test='${ empty mapdata["createDate"] }'>
                                                ${mapdata["name"]}
                                            </c:if>
                                        </td>
                                    </c:forEach>
                          </tr>
                          </c:forEach> --%>
                                <c:forEach var="sublist" items="${listdata2}">
                                    <tr>
                                        <c:forEach var="mapdata" items="${dateList}">
                                            <td>
                                                <c:choose>
                                                    <c:when test="${sublist[mapdata]>0  }">
                                                        <a class="competition"
                                                           onclick="App.ShowSingleSportInfo(${sublist['classId']},'${sublist['name']}','${fn:substring(mapdata, 5, -1)}')">
                                                                ${sublist[mapdata] }
                                                        </a>
                                                    </c:when>
                                                    <c:when test="${sublist[mapdata]==0  }">
                                                        <a class="competition0"
                                                           onclick="App.ShowSingleSportInfo(${sublist['classId']},'${sublist['name']}','${fn:substring(mapdata, 5, -1)}')">
                                                        </a>
                                                    </c:when>

                                                </c:choose>
                                            </td>
                                        </c:forEach>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>
                        </div>
                        <a href="javascript:;" class="right-table-btn box-slider-seta-right"><i
                                class="fa fa-angle-right"></i></a>
                    </div>
                </div>

            </div>
        </div>
        <div class="sport-footer">
            <p>建议使用IE9及以上版本浏览器 <br>版权所有 湖北省体育局</p>
        </div>
    </div>
</div>

<!-- 返回顶部 开始 -->
<div class="gototop" style="display: none;">
    <a href="javascript:;" title="返回顶部"><i class="fa fa-angle-up"></i></a>
</div>
<!-- 返回顶部 结束 -->
<script>
    App.OnclickHandle('${contextPath}', 13);
    $("#jqhtml").boxSlider({
        orientation: 'horizontal',
        speed: 1
    });
    if ($('.competition').find('span').length > 0) {
        $('.competition').find('span').parent('.competition').css({
            'text-align': 'left',
            'text-indent': '6px',
            'background': '#00BFFF'
        });
        // 	   $('.competition').find('div').parent('.competition').css({'text-align':'center','text-indent':'6px','background': '#00BFFF'});
    }
    var table1Top = $("#table1").offset().top;
    window.addEventListener('scroll', function () {
        var table1 = $("#table1");
        // var scrollTop = document.documentElement.scrollTop ;
        var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
        if (scrollTop > table1Top) {
            table1.offset({top: scrollTop});
        } else {
            table1.offset({top: table1Top});
        }
    });
</script>
</body>
</html>
